<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>春田花花幼稚园-公告栏</title>
    <!-- 引用css文件 -->
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../css/Notices.css">
</head>

<body class="bg">
    <!--添加公告模态框-->
    <div class="modal fade" id="announceAdd" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">新增公告</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="recipient-name" class="control-label">标题:</label>
                            <input type="text" class="form-control btn-bg" id="text">
                        </div>
                        <div class="form-group">
                            <label for="message-text" class="control-label">内容:</label>
                            <textarea class="form-control btn-bg" id="message-text"></textarea>
                        </div>
                        <div class="form-group">
                            <label for="message-text" class="control-label">发布人: </label>
                            <span id="userD"></span>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default btn-bg" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary btn-bg" data-dismiss="modal"
                        onclick="announceAdd()">发布公告</button>
                </div>
            </div>
        </div>
    </div>

    <!--修改公告模态框-->
    <div class="modal fade" id="announceRevise" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">修改公告</h4>
                </div>
                <div class="modal-body xiugai-content">
                    <form>
                        <div class="form-group">
                            <label for="recipient-name" class="control-label">标题:</label>
                            <input type="text" class="form-control btn-bg" id="txtD">
                        </div>
                        <div class="form-group">
                            <label for="message-text" class="control-label">内容:</label>
                            <textarea class="form-control btn-bg" id="messageText"></textarea>
                        </div>
                    </form>
                </div>
                <div class="tipD">你不是这条公告的发布者</div>
                <div class="modal-footer xiuD">
                    <button type="button" class="btn btn-default btn-bg" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary btn-bg" data-dismiss="modal"
                        onclick="announceRevise()">修改公告</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 查看公告模态框 -->
    <div class="modal fade" id="announceinspect" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">查看公告</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="recipient-name" class="control-label">序号: </label>
                            <span class="control-label"></span>
                            <span type="text" id="serialD"></span>
                        </div>
                        <div class="form-group">
                            <label for="recipient-name" class="control-label">标题: </label>
                            <span type="text" id="titleD"></span>
                            <div></div>
                        </div>
                        <div class="form-group">
                            <label for="message-text" class="control-label">内容: </label>
                            <span id="textcontentD"></span>
                        </div>
                        <div class="form-group">
                            <label for="message-text" class="control-label">发布人: </label>
                            <span id="faburenD"></span>
                        </div>
                        <div class="form-group">
                            <label for="message-text" class="control-label">发布时间: 2020-09-01</label>
                            <span id="faburenD"></span>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- 显示部分 -->
    <div class="kuangD">
        <div class="row addTjia clear" onclick="newAdd()">
            <h1 class="centerD">公告栏</h1>
            <div class="add-img">
                <img src="../images/gongao/Dadd.png" alt="图片加载失败" type="button" class="btn tianJia" data-toggle="modal" data-target="#announceAdd" data-whatever="@mdo">
            </div>
        </div>
        <ul class="table" id="tableAdd">
            <li class="clear gao" id="height" onmouseover="mouOverD(this)" onmouseout="mouOutD(this)">
                <div class="announceIcon floatLeft">
                    <div class="row announceIconImg" id="announceNum" type="text">
                        <span class="xuhaoD">1</span>
                    </div>
                </div>
                <div class="floatLeft">
                    <div class="announceTitle">
                        <span id="txtTitle" class="announcetxt" type="text">新学期，新气象！</span>
                        <div class="zhengwenD" type="text">根据省疫情防控工作领导小组学校防控组要求，经市疫情防控应急指挥部批准，全市幼儿园大班以外的其他年级和特殊教育学校于5月25日开学。</div>
                        <div class="fabuD" type="text">周克涛</div>
                    </div>
                </div>
                <div class="announceIcon floatRight del-img" onclick="announceDel(this)">
                    <div class="row announceIconImg">
                        <img src="../images/gongao/Ddel.png" alt="图片加载失败" type="button" class="btn">
                    </div>
                </div>
                <div class="announceIcon floatRight bi-img" onclick="reviseD(this)">
                    <div class="row announceIconImg">
                        <img src="../images/gongao/Dbi.png" alt="图片加载失败" type="button" class="btn" data-toggle="modal"
                            data-target="#announceRevise" data-whatever="@mdo">
                    </div>
                </div>
                <div class="announceIcon floatRight" onclick="inspectD(this)">
                    <div class="row announceIconImg">
                        <img src="../images/gongao/Dchakan.png" alt="图片加载失败" type="button" class="btn"
                            data-toggle="modal" data-target="#announceinspect" data-whatever="@mdo">
                    </div>
                </div>
                <div class="floatRight">
                    <div class="announceTitleD">
                        <span id="txtTitle" class="announcetxtD" type="text">2020-09-01</span>
                    </div>
                </div>
            </li>
            <li class="clear gao" id="height" onmouseover="mouOverD(this)" onmouseout="mouOutD(this)">
                <div class="announceIcon floatLeft">
                    <div class="row announceIconImg" id="announceNum" type="text">
                        <span class="xuhaoD">2</span>
                    </div>
                </div>
                <div class="floatLeft">
                    <div class="announceTitle">
                        <span id="txtTitle" class="announcetxt" type="text">疫情防控工作要求</span>
                        <div class="zhengwenD" type="text">根据省疫情防控工作领导小组学校防控组要求，经市疫情防控应急指挥部批准，全市幼儿园大班于5月18日开学。全市幼儿园其他年级和聋哑类以外的特殊教育学校继续做好开学准备，具体开学时间另行公布。</div>
                        <div class="fabuD" type="text">廖健雄</div>
                    </div>
                </div>
                <div class="announceIcon floatRight del-img" onclick="announceDel(this)">
                    <div class="row announceIconImg">
                        <img src="../images/gongao/Ddel.png" alt="图片加载失败" type="button" class="btn">
                    </div>
                </div>
                <div class="announceIcon floatRight bi-img" onclick="reviseD(this)">
                    <div class="row announceIconImg">
                        <img src="../images/gongao/Dbi.png" alt="图片加载失败" type="button" class="btn" data-toggle="modal"
                            data-target="#announceRevise" data-whatever="@mdo">
                    </div>
                </div>
                <div class="announceIcon floatRight" onclick="inspectD(this)">
                    <div class="row announceIconImg">
                        <img src="../images/gongao/Dchakan.png" alt="图片加载失败" type="button" class="btn"
                            data-toggle="modal" data-target="#announceinspect" data-whatever="@mdo">
                    </div>
                </div>
                <div class="floatRight">
                    <div class="announceTitleD">
                        <span id="txtTitle" class="announcetxtD" type="text">2020-09-01</span>
                    </div>
                </div>
            </li>
            <li class="clear gao" id="height" onmouseover="mouOverD(this)" onmouseout="mouOutD(this)">
                <div class="announceIcon floatLeft">
                    <div class="row announceIconImg" id="announceNum" type="text">
                        <span class="xuhaoD">3</span>
                    </div>
                </div>
                <div class="floatLeft">
                    <div class="announceTitle">
                        <span id="txtTitle" class="announcetxt" type="text">2020年寒假放假时间通知</span>
                        <div class="zhengwenD" type="text">2020年寒假放假时间为1月18日，春季正式开学时间为2月10日。</div>
                        <div class="fabuD" type="text">苏嘉</div>
                    </div>
                </div>
                <div class="announceIcon floatRight del-img" onclick="announceDel(this)">
                    <div class="row announceIconImg">
                        <img src="../images/gongao/Ddel.png" alt="图片加载失败" type="button" class="btn">
                    </div>
                </div>
                <div class="announceIcon floatRight bi-img" onclick="reviseD(this)">
                    <div class="row announceIconImg">
                        <img src="../images/gongao/Dbi.png" alt="图片加载失败" type="button" class="btn" data-toggle="modal"
                            data-target="#announceRevise" data-whatever="@mdo">
                    </div>
                </div>
                <div class="announceIcon floatRight" onclick="inspectD(this)">
                    <div class="row announceIconImg">
                        <img src="../images/gongao/Dchakan.png" alt="图片加载失败" type="button" class="btn"
                            data-toggle="modal" data-target="#announceinspect" data-whatever="@mdo">
                    </div>
                </div>
                <div class="floatRight">
                    <div class="announceTitleD">
                        <span id="txtTitle" class="announcetxtD" type="text">2020-09-01</span>
                    </div>
                </div>
            </li>
            <li class="clear gao" id="height" onmouseover="mouOverD(this)" onmouseout="mouOutD(this)">
                <div class="announceIcon floatLeft">
                    <div class="row announceIconImg" id="announceNum" type="text">
                        <span class="xuhaoD">4</span>
                    </div>
                </div>
                <div class="floatLeft">
                    <div class="announceTitle">
                        <span id="txtTitle" class="announcetxt" type="text">关于网站运维安全隐患的网站公告</span>
                        <div class="zhengwenD" type="text">根据《中华人民共和国网络安全法》相关内容的要求，学校拟对附属花朵幼儿园、教育幼儿园、姑香苑幼儿园的门户网站进行集群化统一管理与维护。上述3所幼儿园的网站目前是托管于无忧幼儿园网（辽ICP备12004948号）进行管理与维护。由于该公司目前已经无法正常联系到相关管理或维护人员，网站运维存在安全隐患。因此，我校决定于2019年11月23日17:00时停止对三个幼儿园网站的使用。从即日起，网站上出现的任何内容及更新与我校及三所幼儿园无关。</div>
                        <div class="fabuD" type="text">刘杰</div>
                    </div>
                </div>
                <div class="announceIcon floatRight del-img" onclick="announceDel(this)">
                    <div class="row announceIconImg">
                        <img src="../images/gongao/Ddel.png" alt="图片加载失败" type="button" class="btn">
                    </div>
                </div>
                <div class="announceIcon floatRight bi-img" onclick="reviseD(this)">
                    <div class="row announceIconImg">
                        <img src="../images/gongao/Dbi.png" alt="图片加载失败" type="button" class="btn" data-toggle="modal"
                            data-target="#announceRevise" data-whatever="@mdo">
                    </div>
                </div>
                <div class="announceIcon floatRight" onclick="inspectD(this)">
                    <div class="row announceIconImg">
                        <img src="../images/gongao/Dchakan.png" alt="图片加载失败" type="button" class="btn"
                            data-toggle="modal" data-target="#announceinspect" data-whatever="@mdo">
                    </div>
                </div>
                <div class="floatRight">
                    <div class="announceTitleD">
                        <span id="txtTitle" class="announcetxtD" type="text">2020-09-01</span>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <!-- 引用js文件 -->
    <script src="../js/jquery-3.1.1.js"></script>
    <script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="../js/data.js"></script>
    <script src="../js/Notices.js"></script>
</body>

</html>